﻿@charset "utf-8";
/* CSS Document */
html{overflow-x: hidden;}
*{ margin: 0px; padding: 0px;} 
body{ font-size: 12px;color:#000;line-height:24px; background:#fbfcfe;}
ul, li, dl, dt, dd { display: block; list-style: none; }
img { border: 0px; }
input, button, textarea{ border:0px; background:none;}
.clear{clear:both; height:0px; overflow:hidden;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;}
.fl{ float: left;}
.fr{ float: right;}
.w1002{ width: 1200px; height:auto; margin:0 auto;}
.none {display:none;}

.mar-l1p{ margin-left:1px;}
.mar-l10p{ margin-left:8px;}
.mar-l12p{ margin-left:12px;}
.mar-l14p{ margin-left:14px;}
.mar-l100p{ margin-left:100px;}
.mar-r50p { margin-right: 50px; }
.mar-l38p { margin-left:38px; }
.mar-l41p { margin-left: 41px; }
.mar-l25p { margin-left:25px; }
.mar-t3p{ margin-top:3px;}
.mar-t14p{ margin-top:14px;}
.mar-t16p{ margin-top:16px;}

.h10p{height:10px;}
.h12p{ width:100%;height:12px;}
.h15p{ width:100%;height:15px;}
.h16p{ width:100%;height:16px;}
.h20p{ width:100%;height:20px;}
.h24p{ width:100%;height:24px;}
.h26p{ width:100%;height:26px;}

.zi1{ font-size: 18px; color:#b30000; font-family: "微软雅黑"; font-weight:normal;}
.c1{ color:#003278;}
.c1 a{ color:#003278;}
.c1 li{ color:#003278;}
.c_hui{color:#666666;}

.top{ width:100%; height:104px; background:#fbfcfe; margin:0 auto; overflow:hidden;}

.navbg{ width:100%; height:37px; background: url(../images/navbg.jpg) repeat-x; margin:0 auto;}
.nav1{ width:1122px; height:37px; margin:0 auto;}
.nav1 ul{ padding-left:2px;}
.nav1 ul li{ float:left; color:#fff; font-size:14px; text-align:center; width:111px;height:37px; line-height:37px;}
.nav1 ul li a{ color:#fff;line-height:37px;}
.nav1 ul li a:hover{ width:111px;height:37px; background:url(../images/navbg2.jpg) center no-repeat; text-decoration:none; display:block; float:left;}

.ban{/*width:994px;*/ width:1200px;height:350px; margin:0 auto; border:#e0e1e3 1px solid; padding:3px;}

.i_l{ width:198px; height:auto; float:left; overflow:hidden;}
.l_01{ width:196px; height:auto; background:#fbfcfe; border-left:#e9eaec 1px solid; border-bottom:#e9eaec 1px solid; border-right:#e9eaec 1px solid; margin:0 auto;}
.i_t{ width:174px; height:30px; background:url(../images/tbg1.jpg) top center no-repeat;margin:0 auto; font-size:14px; color:#FFF; line-height:30px; padding-left:24px;}
.l_02{ width:196px; height:auto; background:#fbfcfe; background:url(../images/tbg5.jpg) top repeat-x; border:#e9eaec 1px solid; margin:0 auto;}
.i_t1{ width:100%; height:30px; line-height:30px; color:#FFF; font-size:14px; text-indent:20px; margin:0 auto; overflow:hidden; background:url(../images/tbg4.jpg) left top no-repeat;}
.i_t1 span{ float:right; padding-right:14px;}

.i_cpfl{ width:192px; height: auto; margin:0 auto; }
.i_cpfl li{ width:192px; height:34px;line-height:34px; float:left; padding-bottom:4px;color:#5b5b5b;}
.i_cpfl li a{ width:172px; height:34px;line-height:34px; display:block; background:#e3e3e1;color:#242424; padding-left:20px;}
.i_cpfl li a:hover{ width:172px; height:34px;line-height:34px; display:block; text-decoration:none; background:#f9edef;color:#5b5b5b; padding-left:20px;}

.i_news{ width:196px; height: auto; margin:0 auto; }
.i_news dl{width:196px; height: auto;float:left; display:inline; overflow:hidden;}
.i_news dl dt{width:180px; height:125px; background: url(../images/ico1.jpg) left center no-repeat; float:left; overflow:hidden;}
.i_news dl dd{width:182px; height:36px; float:left; line-height:36px; text-align:center;}
.i_news dl dd a{color:#242424;line-height:36px;}

.ggxx{ width:196px; /*height: 410px;*/ overflow:hidden; float:left;}
.ggxx dl{ width:178px; height: auto; float:left; padding:5px 9px 5px 9px; margin-top:2px; overflow:hidden; background:#fbfbfb;}

.bg1{width:150px; height: auto; float:left; padding:12px; margin-top:2px;background:#fbfbfb;}
.ggxx dl dt{ width:150px; height:25px; line-height:25px; float:left; background:url(../images/ico1.jpg) left center no-repeat; padding-left:12px;}
.ggxx dl dd{ width:150px; height: 32px; float:left;padding-left:12px; line-height:35px;}
.ggxx dl a{ color:#4a4a4a;}

.ggxx dl.bg2{  background:#f1f1f1;}
/*.bg2 dt{ width:150px; height:25px; float:left; background:url(../images/ico2.jpg) left center no-repeat; padding-left:12px;}
.bg2 dd{ width:150px; height:25px; float:left;padding-left:12px; line-height:25px;}
.bg2 a{ color:#4a4a4a;}*/

.i_con{width:180px; height:auto; margin:0 auto; padding-top:6px; padding-bottom:16px;}
.i_con ul li{width:180px; height:25px; float:left; line-height:25px;}
.i_con ul li a{}

/**/
.i_r{ width:982px; height:auto !important; min-height:500px; float:right; overflow:hidden;}
.r_01{ width:980px; height:auto; float:right; border:#e7e6e7 1px solid; background:url(../images/tbg3.jpg) top repeat-x #fbfcfe; overflow:hidden;}
.i_t2{ width:100%; height:30px; line-height:30px; color:#FFF; font-size:14px; text-indent:20px; margin:0 auto; overflow:hidden; background:url(../images/tbg2.jpg) left top no-repeat;}
.i_t2 span{ float:right; padding-right:14px;}

.about1{width:950px; height:184px;margin:0 auto; padding:15px; overflow:hidden;}
.pic1{width:300px; height:192px; border:#cccdce 1px solid; padding:3px; float:left; margin:8px 10px 0px 0px; overflow:hidden;}
.about1 span a{ color:#d00101;}

.i_case1{width:980px; height:auto;margin:0 auto;}
.i_case1 dl{width:182px; height:163px;float:left; display:inline; overflow:hidden; padding-left:10px;}
.i_case1 dl dt{width:180px; height:125px; border:#e3e3e1 1px solid; float:left; overflow:hidden;}
.i_case1 dl dd{width:182px; height:36px; float:left; line-height:36px; text-align:center;}
.i_case1 dl dd a{color:#242424;line-height:36px;}

.i_pro1{width:980px; height:734px;margin:0 auto;}
.i_pro1 dl{width:184px; height:163px;float:left; display:inline; overflow:hidden; padding-left:9px; padding-top:22px;}
.i_pro1 dl dt{width:180px; height:125px; border:#e3e3e1 1px solid; padding:1px; float:left; overflow:hidden;}
.i_pro1 dl dd{width:184px; height:29px; float:left; line-height:29px; text-align:center; margin-top:4px; background:#e2e2e0;}
.i_pro1 dl dd a{color:#242424;line-height:29px;}

.i_case{ width:1200px; height:auto; margin:0 auto; border:#e7e6e7 1px solid; background:url(../images/tbg3.jpg) top repeat-x #fbfcfe; overflow:hidden;}
.i_case2{width:1200px; height:auto;margin:0 auto; overflow:hidden;}
.i_case2 ul li{width:182px; height:163px;float:left; display:inline; overflow:hidden; padding-left:10px;}
.i_cpic{width:182px; height:127px; float:left; overflow:hidden;}
.i_cxx{width:182px; height:36px; float:left; line-height:36px; text-align:center;}
.i_cxx a{color:#242424;line-height:36px;}

.navbg2{ width:100%; height:54px; background: url(../images/btm1.jpg) repeat-x; margin:0 auto;}
.nav2{ width:600px; height:54px; float:left;padding-left:20px;}
.nav2 ul li{ float:left; color:#525252; text-align:center; width: auto;height:54px; line-height:54px; padding-left:7px;}
.nav2 ul li a{ color:#525252;line-height:54px; }
.nav2 ul li a:hover{text-decoration:none; }

/*.btm{ width:1004px; height:116px; margin:0 auto;}*/
.btm{ width:1180px; height:116px; margin:0 auto;}
.btm1{ width:250px; height:116px; float:left;}
/*.btm2{ width:690px; height:96px; float:left; padding-left:40px; padding-top:20px;}*/
/*.btm2{ width:790px; /*height:96px;*/ float:left; padding-left:40px; padding-top:10px;}*/
.btm2{ width:887px; /*height:96px;*/ float:left; padding-left:40px; padding-top:10px;}
/*.btm2 p{ width:650px; float:left;padding-top:10px;}*/
.btm2 p{ width:751px; float:left;padding-top:10px;}
.btm2 .erweima{ float:right; margin-right:5px; display:inline;}

/*产品页*/
.n_t{ width:917px; height:35px; line-height:35px; font-size:14px; color:#FFF; margin:0 auto; padding-left:47px; padding-right:18px; background:url(../images/ntbg.jpg) top center no-repeat; overflow:hidden;}
.n_t span{ float:right;color:#525252; font-size:12px; line-height:56px;}
.n_t span a{color:#525252;}

.pro{width:982px; height:auto;margin:0 auto;}
.pro dl{width:230px; height:206px;float:left; display:inline; overflow:hidden; padding-left:6px; padding-right:7px; padding-bottom:20px;}
.pro dl dt{width:218px; height:168px; border:#cdcecf 1px solid; float:left; overflow:hidden;}
.pro dl dd{width:100%; height:36px; float:left; line-height:36px; text-align:center; font-weight:bold;}
.pro dl dd a{color:#000;line-height:36px;}

.fy{width:982px; height:auto;margin:0 auto; text-align:center;}

.news{ width:937px; height: auto; margin:0 auto;}
.news ul li{ width:900px; height:32px; background:#f3f9fd;float:left; color:#525252;line-height:32px; margin-top:8px; overflow:hidden; padding-left:19px; padding-right:18px;}
.news ul li a{ width: auto; height:32px; display:block; color:#525252;line-height:32px; padding-left:22px; background:url(../images/ico3.jpg) left center no-repeat; float:left;}
.news ul li span{ float:right;}

.tpqh{width:197px; height:148px; border: #e9eaec 1px solid; float:left;}

.title{ color:#525252;width:780px;height:50px; margin:0 auto; border-bottom:#c8c8c8 1px solid; line-height:50px; text-align:center; font-size:14px; font-weight:bold;}
.page{ width:780px; height: auto; margin:0 auto;}
.page ul li{width:780px; display:block; height:25px; line-height:25px; color:#525252;font-size:12px;}
.page ul li a{ color:#525252;}

.pic{ width:auto; max-width:700px; height:auto; margin:0 auto; text-align:center;}


/*banner*/
#flash {
    clear: both;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
.flash_bar {
    bottom: 40px;
    height: 30px;
    overflow: hidden;
    /*padding-left: 670px;*/
    padding-top: 13px !important;
    position: relative;
    text-align: center;
    /*width: 500px;*/
    z-index: 69;
	left:50%;
	_left:50%;
}
.flash_bar .dq {
    background: rgba(0, 0, 0, 0) url("../images/tg_flash_p.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 8px;
    margin: 5px;
    width: 8px;
}
.flash_bar .no {
    background: rgba(0, 0, 0, 0) url("../images/tg_flash_p2.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 8px;
    margin: 5px;
    width: 8px;
}
#flashBg {
    clear: both;
    height: 439px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#flashLine {
    clear: both;
    height: 350px;
    width: 100%;
}